.message{
    background: #ececec;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    >header{
        height: 1.2rem;
        width: 100%;
        background: #1d1d1d;
        line-height: 1.2rem;
        text-align: center;
        font-size: .4rem;
        color: #fff;
    }
    >ul{
        margin: .25rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 7rem;
        height: 5.8rem;
        >li{
            margin-bottom: .25rem;
            // border: 1px solid #ccc;
            // background-color: #fff;
            height: .9rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            // font-size: .35rem;
            // border-radius: 4px;
            // box-shadow: 0 3px 5px -4px rgba(0,0,0,.4) inset, -1px 0 3px -2px rgba(0,0,0,.1) inset;
        }
        .country{
            border: 1px solid #ccc;
            background-color: #fff;
            font-size: .35rem;
            border-radius: 4px;
            box-shadow: 0 3px 5px -4px rgba(0,0,0,.4) inset, -1px 0 3px -2px rgba(0,0,0,.1) inset;
            font-size: .32rem;
            color: #666;
            // display: flex;
            // justify-content: space-between;
            // align-items: center;
            >span{
                padding-left: .2rem;
            }
            >.countryRight{
                padding-right: .2rem;
            }
        }
        .isShow{
            width: 5rem;
            height: 5.36rem;
            background-color: #fff;
            position: absolute;
            right: .25rem;
            top: 2.4rem;
            z-index: 999;
            overflow-y: scroll;
            
            // .isShow::-webkit-scrollbar {
            //     display: none;
            // }
            // .isShow::-webkit-scrollbar {
            //     width:2px !important;
            // }

            >ul{
                >li{
                    // width: 4.8rem;
                    height: .8rem;
                    padding: 0 .2rem;
                    line-height: .8rem;
                    border-bottom: 1px solid #ccc;
                    text-align: start;
                    font-size: .3rem;
                    color: #666;
                }
            }
        }
        .tel{
            border: 1px solid #ccc;
            background-color: #fff;
            font-size: .32rem;
            border-radius: 4px;
            box-shadow: 0 3px 5px -4px rgba(0,0,0,.4) inset, -1px 0 3px -2px rgba(0,0,0,.1) inset;
            // display: flex;
            // justify-content: space-between;
            // align-items: center;
            >span{
                display: inline-block;
                width: 1.1rem;
            }
            >input{
                width: 6rem;
                font-size: .3rem;
                ::-moz-input-placeholder {
                    color: #b2b2b2;
                }
            }
        }
        .code{
            // display: flex;
            // justify-content: space-between;
            // align-items: center;
            >input{
                padding-left: .22rem;
                border-radius: 4px;
                box-shadow: 0 3px 5px -4px rgba(0,0,0,.4) inset, -1px 0 3px -2px rgba(0,0,0,.1) inset;    
                border: 1px solid #ccc;
                background-color: #fff;
                width: 4.02rem;
                height: .88rem;
                font-size: .3rem;
            }
            >a{
                display: block;
                height: .89rem;
                >button{
                    // background: rgba(243, 244, 245, 0.651);
                    font-size: .28rem;
                    border-radius: 4px;
                    border: 1px solid #ccc;
                    color: #666;
                    height: .88rem;
                    width: 2.48rem;
                    margin-bottom: .3rem;
                }
            }
        }
        .txt{
            font-size: .28rem;
            padding: 0 .1rem;
            >span:nth-child(1){
                color: rgb(121, 120, 120);
            }
            >span:nth-child(2){
                color:rgb(80, 121, 217);
            }
        }
        .btn{
            margin-bottom: .25rem;
            >button{
                color: #fff;
                font-size: .36rem;
                border: 1px solid #ccc;
                text-shadow: 0 -1px rgba(0,0,0,.2);
                width: 7rem;
                height: 1rem;
                line-height: 1.1rem;
                border-radius: 6px;
                background: linear-gradient(#99b5f5,rgb(153, 185, 233));
            }
        
        }
    }
    footer{
        background-color: #ececec;
        width: 100%;
        position: fixed;
        bottom: 0;
        z-index: 111;
        >img{
            width: 6rem;
        }
    }
}
